章小结:后编程时代——把经验沉淀成可复用的 AI 资产
到这一章结束,本地的 AI 环境、工具链、规范体系全部就位:
CLAUDE.md会写了,hooks 配了,rules 和 skills 有了。该停下来回答一个更大的问题:这套东西到底意味着什么?答案是:开发的重心从"写代码"移到了"攒资产"——你调教 AI 的每一分经验,都应该沉淀成可复用、可迁移、可跨项目的资产。这就是后编程时代的核心技能。
一、这一章之后,开发状态应该长什么样
理想的日常:你想动一个组件、开发一个新功能,你聚焦业务本身,AI 聚焦功能开发。文档更新、风格约束、提交纪律这些"配套动作",已经交给 MD 文档和 hooks 体系自动兜住——改了 packages/ 里的代码,文档自动同步;动了公共组件,提交前自动检查。项目越往下开发,应该越得心应手、越贴合心中所想,因为规范在积累、AI 在按你的规矩干活,而不是每次都在重新交代。
一个自然的疑问:难道每个项目都要这样来一遍吗? 当然不用。这就是"资产化"要解决的问题。
二、AI 资产的三个复用层次
- 项目级:
.claude/随仓库提交,任何人在这个项目里打开 Claude Code 都直接继承这套调教。 - 全局级:某个 rule 或 skill 这个项目要用、别的项目也要用?把它复制到全局的
~/.claude/(rules 进~/.claude/rules/,skills 进~/.claude/skills/),即实现跨项目生效。 - 跨工具级:两层含义——配置上,用上一节的方法把
CLAUDE.md体系迁移成AGENTS.md等目标工具的格式;记忆上,装上跨会话记忆工具后,"我在这个项目里跟模型的对话经验",换一个会话、甚至换一个工具,还能被调用。
第 3 层对应的工具选型(详见上一节):Claude Code 生态用 claude-mem,Codex 生态用 Mem0,免费跨 agent 用 agentmemory。它们解决的正是"这个项目里教过的东西,下个会话还在"。
最后一层通用原则:给足模型上下文。CLAUDE.md / AGENTS.md 这类约束性文件要事先写好——工欲善其事,必先利其器。刀磨好了,后面的业务落地才快。
三、后编程时代的能力模型
人的角色:10%–20%
主讲的工作现状:80% 甚至更多的编码工作交给了 AI。人起作用的地方在剩下的 10%–20%:需求分析与产品规划、给 AI 准确的指令、验收产出、在 AI 卡住时读得懂代码、调得动问题。此时的你更像一个老板或团队负责人——效率上限不在打字速度,而在判断力和调教能力。
三个支点
- 一个核心工具:Claude Code、Codex 至少精通一个,它是整个工作流的中枢——需求分析、规划、落地都围绕它驱动。
- 一套配置文件体系:
CLAUDE.md、AGENTS.md、rules、skills、hooks,这是你调教工具的载体。 - 可迁移的调教思路:公司里用的可能不是 Claude Code,而是 Trae 或内部工具。拿到的工具会不一样,但思路是同一套——用同样的方式把公司给你的 AI 工具调教到能承担业务、能扛起开发工作流的程度。
额度用完 / 公司不让用云端模型怎么办
"Coding Plan 的 5 小时额度到期了,天才程序员就陨落了"——这是个真实风险,但也有标准解法:
- 本地跑开源模型:本地装 Ollama 跑 Qwen(千问)系列;
- 测试环境自建推理:在公司测试环境装 vLLM 或 LMDeploy,跑 Qwen、DeepSeek、GLM 系列模型,同样是一套可用的开发环境。
能力上会差一截,应对方式就两条:
- 提示词更具体。不再像用旗舰模型时那样"相对潦草"地提需求,而是把需求拆细、写清楚;
- 方法论照用。之前讲的 Plan 模式等方法同样适用于基础模型——先让它规划路径,再按路径执行。实测基础模型也能完成 70%–80% 的任务,剩下的部分正是靠你"读得懂代码"补位:script、template、style 三段式万变不离其宗,从 Vue 核心语法一路学过来的基本功,此时就是你验收 AI 产出的底气。
一个必须内化的判断力:什么活值得什么流程
不是所有任务都要走完整流程(Plan 模式、需求文档、实施计划)。比如 11 章的样式隔离改造:功能不复杂、方案业界成熟,直接问 AI 要方案、确认后让 subagent 团队执行即可——一分多钟交付。复杂度判断是你的活,不是 AI 的。这个判断力靠多看、多学、多跟 AI 绘画积累,不能全部外包给大模型。
四、下一站:把应用串联起来
工具就绪之后,剩下的就是把整个组件库应用完整落地。对照 ChatGPT、豆包这类成熟产品,playground 还差的下一块拼图是输入体验:
- 富文本输入框:替换现在的纯文本 textarea,样式与交互全面升级;
- 多模态消息:图片上传带缩略图列表可预览、麦克风语音输入、PDF / Word / Excel / PPT 附件上传;
- 内置提示词(工具模式):豆包的 PPT 生成、图像生成、视频生成、翻译、AI 播客、录音转写等入口,点选后进入对应工具主题——后续发送的任何消息都在该工具的上下文里生成回复。这就是"内置提示词"的产品形态,也是组件库输入区下一步的规划方向。
这些正是第 12 章高级组件开发的主题。
五、本章清单
- 环境与依赖升级:Node 用 asdf 管理,CLI 覆盖安装即升级,项目依赖交给 AI 按"先 minor/patch 后 major、先分析后执行"推进(11-04)
- 工具切换:在新工具里读旧配置生成自己的格式;考一考它验证迁移质量;迁移用便宜模型即可(11-05)
- 跨会话记忆:claude-mem / Mem0 / agentmemory 三选一,免费方案 agentmemory 一条 npx 命令起步(11-05)
- 主题系统:三层令牌蓝图落地,主题配置器可视化导出 CSS(11-01)
- 响应式与隔离:容器查询三处实战,@layer 铁律守住样式边界(11-02 / 11-03)
- 资产化:项目级 → 全局级 → 跨工具级三层复用,经验不随会话蒸发(本节)
↑